import React, { Component } from 'react'

export default class Demo extends Component {
    state = {
        count: 0
    }
    add = () => {
        // 对象式的 setState
        // const {count} = this.state;
        // this.setState({count:count+1},()=>{
        //     console.log("回调里边的console",this.state.count)
        // })
        // console.log("回调外边的console",this.state.count)

        // 函数式的 setState
        // this.setState((state, props) => {
        //     console.log(state, props)
        //     return { count: state.count + 1 }
        // })
        this.setState(state => ({ count: state.count + 1 }))
    }
    render() {
        return (
            <div>
                <h1>当前求和为：{this.state.count}</h1>
                <button onClick={this.add}>点我+1</button>
            </div>
        )
    }
}
